.header {
    width: 100%;
    height: 140px;
}

.household_top {
    width: 1200px;
    height: 40px;
    margin: 0 auto;
}

.htop_left {
    width: 200px;
    height: 40px;
    float: left;
    background-color: #027BD6;
    text-align: center;
    line-height: 40px;
}

.htop_left a {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}

.htop_nav {
    width: 900px;
    height: 40px;
    float: left;
}

.htop_nav ul {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-around;
}

.htop_nav ul li {
    margin-left: 30px;
    text-align: center;
}

.htop_nav li .nav_a {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    display: block;
}

.htop_nav li .on {
    color: red;
}

.household_bd {
    width: 100%;
    height: 400px;
    position: relative;
}

.nav_content {
    width: 1200px;
    height: 400px;
    margin: 0 auto;
    position: relative;
}


/* 左侧菜单栏 */

.nav_list {
    width: 200px;
    height: 400px;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}

.list_box {
    width: 200px;
    height: 80px;
    background-color: #2984EB;
}

.showbg {
    background-color: #006BBC;
}

.box_part {
    margin: 0px 15px;
    padding: 16.5px 0px;
}

.box_part strong {
    font-weight: 550;
    color: white;
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
    margin-bottom: 5px;
}

.box_part span a {
    color: white;
    font-size: 13px;
}


/* 二级导航栏 */

.ershow {
    width: 360px;
    height: 360px;
    padding: 0px 0px 0px 20px;
    background-color: white;
    position: absolute;
    top: 20px;
    left: 200px;
    display: none;
}

.ershow .er_left {
    width: 180px;
    height: 100%;
    float: left;
}

.er_left .er_title {
    color: #5E646B;
    font-size: 16px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: 550;
    border-bottom: 1px dotted #F8F8F8;
}

.er_left .er_list {
    width: 100%;
    height: 300px;
}

.er_list .er_text {
    width: 180px;
    height: 300px;
    float: left;
}

.er_list .er_text span {
    width: 80px;
    height: 20px;
    float: left;
    font-size: 12px;
    color: #5E646B;
    text-align: center;
    line-height: 20px;
    background-color: #F8F8F8;
    margin-top: 8px;
    margin-left: 5px;
}

.er_list .er_text .ooon {
    background-color: #666;
    color: white;
}

.ershow .er_tu {
    width: 180px;
    height: 100%;
    float: left;
}

.news {
    width: 222px;
    height: 307px;
    position: absolute;
    top: 50px;
    right: 0px;
    z-index: 2;
}

.news img {
    width: 100%;
}


/* 背景轮播切换 */

.nav_lb {
    width: 100%;
    height: 400px;
    /* background-color: chartreuse; */
    position: absolute;
    top: 0px;
    left: 0px;
}

.nav_lb .show {
    display: block;
}

.nav_lb ul {
    width: 100%;
    height: 400px;
    position: relative;
}

.nav_lb ul li {
    float: left;
    width: 100%;
    height: 400px;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.nav_lb ul li img {
    width: 100%;
    height: 400px;
}

.nav_lb .dot {
    z-index: 3;
    width: 90px;
    height: 20px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -45px;
    border-radius: 10px;
    background-color: #678DA3;
}

.nav_lb .dot .on {
    background-color: rgb(159, 28, 28);
}

.nav_lb .dot span {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin: 5px 4px;
    background-color: #DCDFE1;
}


/* 主体内容区 */

.household_content {
    width: 1200px;
    margin: 0 auto;
}


/* 热门推荐块 */

.hot {
    width: 1200px;
    height: 356px;
    margin: 40px 0px 30px 0px;
}


/* 热门推荐头部 */

.hot .hd {
    width: 1200px;
    height: 40px;
    border-bottom: 2px solid black;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
}

.hd .hd_left {
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: black;
}

.hd .hd_right {
    height: 40px;
    font-size: 16px;
}

.hd .hd_right li {
    margin-top: 10px;
    width: 70px;
    text-align: center;
    height: 20px;
    float: left;
    margin-left: 10px;
    border-right: 1px solid #F0F0F0;
}

.hd .hd_right .houseon {
    color: #027BD6;
}


/* 热门推荐内容 */

.hot_content {
    width: 1200px;
    height: 593px;
}

.hot_xr {
    width: 1200px;
    height: 593px;
}

.hot_xr li {
    width: 158px;
    height: 271px;
    float: left;
    padding: 20px 20px 0px 20px;
    border: 1px solid #ccc;
}

.hot_xr li .p-img {
    width: 159px;
    height: 159px;
    margin-bottom: 5px;
}

.hot_xr li .p-img img {
    width: 100%;
}

.hot_xr li .p-price {
    width: 159px;
    height: 24px;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    color: red;
}

.hot_xr li .p-name {
    overflow: hidden;
    height: 33px;
    margin: 5px 0 10px;
    font-size: 12px;
    color: #555;
}

.hot_xr li .p-name :hover {
    color: red;
}

.hot_xr li .kan {
    display: block;
    width: 100%;
    height: 30px;
    background-color: red;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    display: none;
}

.hot_xr li:hover .kan {
    display: block;
    color: white;
}


/* 品牌旗舰开始 */

.pinp {
    width: 1200px;
    height: 350px;
    margin: 30px 0px;
}

.pinp .pinp_hd {
    width: 1200px;
    height: 42px;
    line-height: 42px;
    color: #555555;
    font-size: 18px;
    margin-bottom: 12px;
}

.pinp_content {
    width: 1200px;
    height: 300px;
}

.pinp_content .pinp_l {
    width: 350px;
    height: 300px;
    float: left;
}

.pinp_content .pinp_l a {
    display: block;
    width: 350px;
    height: 300px;
}

.pinp_content .pinp_l a img {
    width: 100%;
}

.pinp_content .pinp_b {
    width: 400px;
    height: 300px;
    float: left;
    display: flex;
    flex-direction: column;
}

.pinp_content .pinp_b img {
    width: 100%;
}

.pinp_content .pinp_r {
    width: 450px;
    height: 300px;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.pinp_content .pinp_r .ttu {
    width: 148px;
    height: 72px;
    border: 1px solid #F0F1F3;
}

.pinp_content .pinp_r .ttu img {
    width: 100%;
}


/* 厨房电器开始 */


/* 头部 */

.chuf {
    width: 1200px;
    height: 701px;
    margin-bottom: 30px;
}

.chuf .chuf_hd {
    width: 1200px;
    height: 50px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid skyblue;
}

.chuf_hd .hd_l {
    width: 200px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    color: #555;
}

.chuf_hd .hd_r,
.chuf_hd .dj_r,
.chuf_hd .gh_r,
.chuf_hd .wj_r,
.chuf_hd .sh_r {
    height: 50px;
    display: flex;
    justify-content: space-around;
}

.hd_r li,
.dj_r li,
.gh_r li,
.wj_r li,
.sh_r li {
    width: 80px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    color: #555;
}

.hd_r .ono,
.dj_r .ono,
.gh_r .ono,
.wj_r .ono,
.sh_r .ono {
    border: 1px solid skyblue;
    border-bottom: 3px solid white;
}


/* 内容 */

.chuf_content {
    width: 1200px;
    height: 460px;
}


/* 左边 */

.chuf_content .cont_l {
    width: 280px;
    height: 460px;
    float: left;
    position: relative;
}

.chuf_content .cont_l img {
    width: 100%;
}


/* 按钮 */

.cont_l .xz_bt {
    width: 200px;
    height: 100px;
    position: absolute;
    left: 40px;
    bottom: 20px;
}

.cont_l .xz_bt li {
    width: 80px;
    height: 25px;
    float: left;
    background-color: #5E646B;
    line-height: 25px;
    text-align: center;
    margin: 0px 10px 10px 10px;
}

.cont_l .xz_bt li a {
    display: block;
    width: 80px;
    height: 25px;
    color: white;
    font-size: 12px;
}


/* 右边 */

.cont_right,
.dj_cont_right,
.gh_cont_right,
.wj_cont_right,
.sh_cont_right {
    width: 920px;
    height: 460px;
    float: right;
}

.cont_right ul,
.dj_cont_right ul,
.gh_cont_right ul,
.wj_cont_right ul,
.sh_cont_right ul {
    /* width: 100%; */
    /* height: 460px; */
}


/* 所有的li样式 */

.cont_right ul li,
.dj_cont_right ul li,
.gh_cont_right ul li,
.wj_cont_right ul li,
.sh_cont_right ul li {
    float: left;
    width: 198px;
    height: 230px;
    font-size: 14px;
    text-align: center;
    margin: 0 -1px -1px 0;
    position: relative;
    padding: 14px;
    border: 1px solid #ededed;
    box-sizing: border-box;
}


/* 第一个li样式 */

.cont_right ul .first,
.dj_cont_right ul .first,
.gh_cont_right ul .first,
.wj_cont_right ul .first,
.sh_cont_right ul .first {
    width: 330px;
    height: 460px;
    padding: 20px;
}

.cont_right ul .first .p-img,
.dj_cont_right ul .first .p-img,
.gh_cont_right ul .first .p-img,
.wj_cont_right ul .first .p-img,
.sh_cont_right ul .first .p-img {
    width: 280px;
    height: 280px;
}

.cont_right ul .first .p-img img,
.dj_cont_right ul .first .p-img img,
.gh_cont_right ul .first .p-img img,
.wj_cont_right ul .first .p-img img,
.sh_cont_right ul .first .p-img img {
    width: 100%;
    height: 100%;
}

.cont_right ul .first .p-info,
.dj_cont_right ul .first .p-info {
    background: #F5F9FF;
    padding: 14px 14px;
    margin-top: 20px;
}

.first .p-info .info-name {
    font-size: 12px;
    text-align: left;
    height: 36px;
    overflow: hidden;
    margin-bottom: 10px;
}

.first .p-info .info-handle .info-price {
    float: left;
    color: #f43434;
    font-size: 21px;
    width: 140px;
    text-align: left;
    overflow: hidden;
    height: 36px;
}

.first .p-info .info-handle .info-btn {
    float: right;
    background: #f43434;
    color: #fff;
    text-align: center;
    height: 36px;
    line-height: 36px;
    width: 110px;
}


/* 其余的li样式 */

.cont_right ul li .p-img,
.dj_cont_right ul li .p-img,
.gh_cont_right ul li .p-img,
.wj_cont_right ul li .p-img,
.sh_cont_right ul li .p-img {
    text-align: center;
    width: 143px;
    height: 143px;
    margin: 0 auto;
    position: relative;
}

.cont_right ul li .p-img img,
.dj_cont_right ul li .p-img img,
.gh_cont_right ul li .p-img img,
.wj_cont_right ul li .p-img img,
.sh_cont_right ul li .p-img img {
    width: 100%;
    height: 100%;
}

.cont_right ul li .p-name,
.dj_cont_right ul li .p-name,
.gh_cont_right ul li .p-name,
.wj_cont_right ul li .p-name,
.sh_cont_right ul li .p-name {
    font-size: 12px;
    margin: 11px 0 5.5px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cont_right ul li .p-price,
.dj_cont_right ul li .p-price,
.gh_cont_right ul li .p-price,
.wj_cont_right ul li .p-price,
.sh_cont_right ul li .p-price {
    text-align: center;
    font-size: 14px;
    color: #f42424;
}


/* 图片块 */

.brand {
    width: 1200px;
    height: 70px;
}

.brand li {
    width: 120px;
    height: 70px;
    text-align: center;
    float: left;
}

.brand li a {
    width: 120px;
    height: 70px;
}

.brand li a img {
    width: 100%;
    height: 100%;
}


/* 一张长图 */

.ft {
    width: 1200px;
    height: 100px;
}

.ft img {
    width: 100%;
    height: 100%;
}


/* 随手购 */

.shopping {
    width: 1200px;
    height: 40px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
}

.shopping .gou {
    height: 40px;
    line-height: 40px;
    color: #7D7A8F;
    font-size: 22px;
}

.shopping .gou_dot {
    height: 40px;
    line-height: 40px;
}

.shopping .gou_dot li {
    float: left;
    width: 10px;
    height: 10px;
    background-color: #9F9F9F;
    border-radius: 5px;
    margin: 15px 0px 0px 8px;
}

.shopping .gou_dot .on {
    width: 25px;
    background-color: #EE356C;
}

.shopping_cont {
    width: 1200px;
    height: 350px;
    position: relative;
}

.cont_warp {
    width: 1200px;
    height: 350px;
    position: relative;
    overflow: hidden;
}

.cont_warp ul {
    width: 3600px;
    height: 350px;
    position: absolute;
    transition: all 1s;
}

.cont_warp ul li {
    float: left;
    width: 158px;
    height: 296px;
    padding: 25px 20px 27px;
    border: 1px dotted #9F9F9F;
    position: relative;
}

.cont_warp ul li .p_img {
    width: 158px;
    height: 158px;
    background-color: #E02B61;
}

.cont_warp ul li .p_img img {
    width: 100%;
}

.cont_warp ul li .p_price {
    font-size: 16px;
    color: #f42424;
    text-align: center;
    margin: 10px 0px;
}

.cont_warp ul li .p_name {
    width: 158px;
    margin: 0px 0px 10px;
    font-size: 12px;
}

.cont_warp ul li .p_name a:hover {
    color: red;
}

.cont_warp ul li .p_bt {
    width: 78%;
    position: absolute;
    bottom: 20px;
}

.cont_warp ul li .p_bt a:hover {
    background-color: #EE356C;
    color: white;
}

.cont_warp ul li .p_bt a {
    display: block;
    height: 28px;
    border: 1px solid #FC5F8D;
    color: #FC5F8D;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    transition: all .2s;
}

.jt_left,
.jt_right {
    width: 30px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    display: none;
    background-color: rgba(0, 0, 0, .3);
}

.jt_left {
    left: 0;
}

.jt_right {
    right: 0px;
}

.jt_right .iconfont,
.jt_left .iconfont {
    font-size: 20px;
    position: absolute;
    top: 25px;
    left: 4px;
    color: #eee;
}

.list_jt .iconfont {
    position: absolute;
    top: 5px;
    left: 8px;
    color: #666;
}


/* 滑动条 */

.capatop_list {
    width: 40px;
    height: 396px;
    position: fixed;
    top: 40%;
    left: 75.5px;
    display: none;
}

.capatop_list .list_son {
    width: 40px;
    height: 50px;
    background: #E9E9E9;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding-top: 1px;
    font-size: 12px;
    color: grey;
    margin-bottom: 2px;
    position: relative;
}

.capatop_list .oon {
    background-color: #2984EB;
    color: white;
}

.capatop_list .list_son span {
    display: block;
    width: 30px;
    margin: 10px 5px;
}

.list_son:hover {
    background-color: #2984EB;
}

.list_son:hover span {
    color: white;
}

.capatop_list .list_jt {
    width: 40px;
    height: 30px;
    background: #E9E9E9;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    margin-bottom: 2px;
    position: relative
}

.list_jt:hover {
    background-color: #2984EB;
}

.list_jt:hover span {
    background-color: #2984EB;
    color: white;
}